<!DOCTYPE html>
<html lang="zh-CN">

<head>  
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="index.css">
</head>

<body>

    <!-- header开始 123-->
    <div class="header">
        <!-- logo -->
        <div class="logo">
            <img src="images/new_logo.png" alt="" class>
            <div>721</div>
        </div>
        <!-- 一起的日子 -->
        <div class="day">
            在一起xxx天了
        </div>
    </div>
    <!-- header结束 -->

    <!-- nav -->
    <div class="nav">
        <ul>
            <li><a href="#activity"> 宿舍动态</a></li>
            <li><a href="#plan"> 宿舍规划</a></li>
            <li><a href="#mem"> 成员介绍</a></li>
            <li><a href="#emoticon"> 表情包</a></li>
            <li><a href="#message"> 留言板</a></li>
            <div class="user">
                <img src="images/user.png" alt="">
                <a href="login/new_login.html">wby</a>
            </div>
        </ul>
    </div>
    <!-- nav结束 -->

    <!-- banner开始     -->
    <div class="banner">
        <!-- 左右箭头 -->
        <a href="#" class="prev">&#xe685;</a>
        <a href="#" class="next">&#xe665;</a>
        <!-- 轮播图 -->
        <img src="images/arseniy-chebynkin-tokyo-street-night.jpg" alt="">
        <!-- 小圆点 -->
        <div>
            <a href="#" class="selected"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
    </div>

    <!-- 动态 -->
    <div class="anchor" id="activity"></div>
    <div class="activity">
        <h2>最近动态</h2>
        <div>
            <a href="">
                <img src="images/interview.jpg" alt="">
                <p>简单描述</p>
            </a>
            <a href="">
                <img src="images/interview.jpg" alt="">
                <p>简单描述</p>
            </a>
            <a href="">
                <img src="images/interview.jpg" alt="">
                <p>简单描述</p>
            </a>
            <a href="">
                <img src="images/interview.jpg" alt="">
                <p>简单描述</p>
            </a>
        </div>
    </div>

    <!-- 宿舍规划 -->
    <div class="anchor" id="plan"></div>
    <div class="plan">
        <!-- <h2>宿舍规划</h2> -->
        <div class="about">关于我们</div>
        <!-- 背景图 -->
        <img src="images/arseniy-chebynkin-oldtokiyo.jpg" alt="">
        <h2>目前是在建内部宿舍网站</h2>
    </div>

    </div>

    <!-- 成员介绍 -->
    <div class="anchor" id="mem"></div>
    <div class="mem">
        <!-- 成员头部盒子 -->
        <div class="memhd">
            <h2>成员介绍</h2>
            <div class="memicon">&#xe682;</div>
        </div>

        <div class="membd">
            <ul class="clearfix">
                <li><a href="#">
                        <img src="images/new_logo.png" alt="">
                        <h4>CGY</h4>
                        <p>我想要甜甜的恋爱</p>
                    </a></li>

                <li> <a href="#">
                        <img src="images/new_logo.png" alt="">
                        <h4>HJ</h4>
                        <p>我不需要</p>
                    </a></li>

                <li><a href="#">
                        <img src="images/new_logo.png" alt="">
                        <h4>CMS</h4>
                        <p>忍三垃圾</p>
                    </a></li>

                <li><a href="#">
                        <img src="images/new_logo.png" alt="">
                        <h4>FKL</h4>
                        <p>没见过绩点没上3的</p>
                    </a></li>

                <li><a href="#">
                        <img src="images/new_logo.png" alt="">
                        <h4>WBY</h4>
                        <p>我是垃圾</p>
                    </a></li>
            </ul>
        </div>
    </div>
    <!-- 成员部分结束 -->

    <!-- 表情包 -->
    <div class="anchor" id="emoticon"></div>
    <div class="emoticon">
        <h2>表情包自取</h2>
        <div class="logo1"><img src="images/logo.png" alt=""></div>
        <div class="emo-showed"><img src="images/emo1.jpg" alt=""></div>
        <div>
            <button>hj</button>
            <button>wby</button>
            <button>cms</button>
            <button>fkl</button>
            <button>cgy</button>
        </div>
    </div>
    <!-- 表情包结束 -->

    <!-- 留言板块 -->
    <div class="anchor" id="message"></div>
    <div class="message">
        <h3>留言板</h3>
        <div>
            留下你可爱的名字吧<input type="text" placeholder="请输入...">
        </div>
        <h4>留言</h4>
        <textarea name="message" id="" cols="120" rows="15"></textarea>
        <button>提交</button>
    </div>
    <!-- 留言板 -->

    <!-- footer -->
    <div class="footer">
        <div class="w">
            <div class="copyright">
                <div class="logo">
                    <img src="images/new_logo.png" alt="">
                    <div>721</div>
                </div>
                <p>加入我们</p>
                <a href="#"><img src="images/scan.png" alt=""></a>
            </div>

            <div class="links">
                <dl>
                    <dt>关于721</dt>
                    <dd><a href="#">关于</a></dd>
                    <dd><a href="#">管理团队</a></dd>
                    <dd><a href="#">工作机会</a></dd>
                    <dd><a href="#">客户服务</a></dd>
                    <dd><a href="#">帮助</a></dd>
                </dl>
                <dl>
                    <dt>关于721</dt>
                    <dd><a href="#">关于</a></dd>
                    <dd><a href="#">管理团队</a></dd>
                    <dd><a href="#">工作机会</a></dd>
                    <dd><a href="#">客户服务</a></dd>
                    <dd><a href="#">帮助</a></dd>
                </dl>
                <dl>
                    <dt>关于721</dt>
                    <dd><a href="#">关于</a></dd>
                    <dd><a href="#">管理团队</a></dd>
                    <dd><a href="#">工作机会</a></dd>
                    <dd><a href="#">客户服务</a></dd>
                    <dd><a href="#">帮助</a></dd>
                </dl>
            </div>

        </div>
    </div>
    <!-- footer结束 -->
</body>

</html>